import styled from "styled-components";

const PaymentStyle = styled.div`
  .payment-wrapper {
    .org {
      display: flex;
      align-items: center;

      .adm-image {
        width: 100%;
        height: 100%;
      }

      .logo {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
      }

      .org_name {
        font-size: 17px;
        margin-left: 10px;
        font-weight: 600;
      }
    }

    .product {
      .product_name {
        font-size: 17px;
        font-weight: 600;
        margin: 0 0 10px;
      }

      .product_desc {
        font-size: 14px;
        text-indent: 2em;
      }
    }

    .buy_num {
      display: flex;
      justify-content: space-between;

      .adm-stepper-plus svg {
        color: red;
      }

      .buy_num_title {
        font-size: 17px;
        font-weight: 600;
        margin: 0 0 10px;
      }

      .buy_num_control {
        font-size: 15px;
      }

      .time_price {
        margin-top: 10px;
        color: var(--themeColor3);
      }
    }

    .phone {
      display: flex;
      justify-content: space-between;
      padding-top: 6px;

      .adm-badge {
        right: 110%;
        top: 50%;
        background-color: transparent;
        width: fit-content;

        .adm-badge-content {
          padding: 0;
          font-size: 20px;
          color: red;
        }
      }
    }
  }
`;

export default PaymentStyle;
